<nz-layout>
  <nz-sider nzCollapsible [(nzCollapsed)]="isCollapsed" [nzTrigger]="null" [nzWidth]="256" [nzCollapsedWidth]="80"
            class="sider">
    <div class="logo">
      <a href="javascript:void(0);"><img src="./assets/imgs/logo.svg" alt="logo">
        <h1>Shop Manager Sys</h1></a>
    </div>
    <app-menu [isCollapsed]="isCollapsed"></app-menu>
  </nz-sider>
  <nz-layout>
    <nz-header style="background: #fff; padding:0;" class="header">
      <i class="anticon trigger" [class.anticon-menu-fold]="!isCollapsed" [class.anticon-menu-unfold]="isCollapsed"
         (click)="isCollapsed=!isCollapsed"></i>
      <app-head-user></app-head-user>
    </nz-header>
    <nz-content style="margin: 24px 24px 0px; height: 100%;">
      <div style="min-height: calc(100vh - 260px);">
        <div style="margin: -24px -24px 0px;">
          <router-outlet></router-outlet>
        </div>

      </div>
    </nz-content>
    <nz-footer style="text-align: center;" *ngIf="copyright">Copyright <i class="anticon anticon-copyright"></i>
      {{copyright}}
    </nz-footer>
  </nz-layout>
</nz-layout>
